<ion-header>
    <ion-navbar color="twitter">
        <ion-title text-center>
            {{Person.Name}}
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <ion-card>

        <ion-card-content>
            <img [src]="Person.face"/>
            <h2 class="card-title">
                {{Person.RoleName}}
            </h2>
            <p class="card-subtitle">
                {{Person.Description}}
            </p>
        </ion-card-content>

        <ion-item>
            <a href="tel:{{Person.Phone}}">
                <ion-icon item-right name="ios-call" color="zj-bg-icon"
                ></ion-icon>
            </a>
            {{Person.Phone}}
            <ion-badge item-right>9</ion-badge>
        </ion-item>

        <ion-item>
            <ion-icon name='ios-at-outline' item-left style="color: #55acee"></ion-icon>
            {{Person.Email}}
            <ion-badge item-right>12</ion-badge>
        </ion-item>

    </ion-card>

</ion-content>